<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="bootstrap-4.5.0/dist/css/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="font-awesome-4.7.0/css/font-awesome.css" />
		<link rel="stylesheet" type="text/css" href="css/about.css" />
		<link rel="stylesheet" type="text/css" href="css/index.css" />
		<link rel="stylesheet" type="text/css" href="css/allmovielist.css" />
		<script src="js/jquery-3.3.1.js" type="text/javascript" charset="UTF-8"></script>
		<script src="bootstrap-4.5.0/dist/js/bootstrap.bundle.js" type="text/javascript" charset="UTF-8"></script>
		<script src="bootstrap-4.5.0/dist/js/bootstrap.js" type="text/javascript" charset="UTF-8"></script>
		<script src="js/popper.js" type="text/javascript" charset="UTF-8"></script>
		<script src="js/vue.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body class="px-0">
		<!-- logo -->

		<div class="container-fluid py-4" style="background-color: black;">

			<div class="row">
				<div class="col-lg-2 col-12 text-center pb-2">
					<img src="img/logo-header-05.png" />
				</div>
				<!-- 头部搜索框 -->
				<div class="col-lg-6 col-12 mb-3">
					<form class="rounded-pill d-flex  search" style="background-color: #222222;">
						<ul class="nav ml-3">
							<li class="nav-item">
								<a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown" style="color: gray;">MOVIES</a>
								<div class="dropdown-menu p-0"style="background-color: #222222;">
									<a href="#" class="dropdown-item menu_jg nav-bg">VIDEOS</a>
									<div class="dropdown-divider"style="background-color: black;"></div>
									<a href="#" class="dropdown-item menu_jg">CATEGORIES</a>
										<div class="dropdown-divider"></div>
									<a href="#" class="dropdown-item menu_jg">POPULAR</a>
								</div>
							</li>
						</ul>
						<input type="text" class="border-0   border-right-0 border-bottom-0 border-top-0 mr-2 h-75 w-75 align-self-center"
						 style="background-color: #222222;" />
						<a href="#" class="fa fa-search mr-3 pt-2 mt-1" style="color: gray;"></a>
					</form>
				</div>

				<div class="col-lg-4 d-lg-block d-none ">
					<div class="d-flex flex-wrap ml-auto">
						<div class="rounded-circle mx-1 div1">
							<i class="fa fa-facebook fa-1x aa mx-auto"></i>
						</div>
						<div class="rounded-circle mx-1 div1">
							<i class="fa fa-twitter fa-1x aa mx-auto"></i>
						</div>
						<div class="rounded-circle mx-1 div1">
							<i class="fa fa-google-plus fa-1x aa mx-auto"></i>
						</div>
						<div class="rounded-circle mx-1 div1">
							<i class="fa fa-twitter fa-1x aa mx-auto"></i>
						</div>
						<button type="button" class="btn btn-danger rounded-pill" style="background-color: red;">SUBMIT VIDFO</button>
					</div>
				</div>

			</div>
		</div>
		<!-- 导航栏 -->
		<div class="w-100 headertwo"style="background-color: red;">
			<div class="container">
				<div class="navbar navbar-expand-md py-0">
					<button class="navbar-toggler  mr-5 py-2 d-block justify-content-center" data-toggle="collapse" data-target="#menu">
						<i class="fa fa-bars bar text-light"></i>
					</button>
					<div class="navbar-inner collapse navbar-collapse" id="menu">
						<ul class="nav nav-pills navbar-nav">
							<li><a href="index.html">HOME</a></li>
							<li class="dropdown"><a href="shop.html">MOVIE</a>
								<ul class="dropdown-menu head2 py-0">
									<li><a href="shop.html" >Shop</a></li>
									<li><a href="shop_details.html">Shop_details</a></li>
								</ul>
							</li>
							<li class="dropdown"><a href="video.html">VIDEO</a>
								<ul class="dropdown-menu py-0">
									<li><a href="video.html">Video</a></li>
									<li><a href="video_details.html">Video_details</a></li>
								</ul>
							</li>
							<li class="dropdown"><a href="about.html">FEATURES</a>
								<ul class="dropdown-menu py-0">
									<li><a href="about.html">About</a></li>
									<li><a href="submit.html">Submit</a></li>
									<li><a href="list_authors.html">List_authors</a></li>
									<li><a href="authors_details.html">Authors_details</a></li>
								</ul>
							</li>
							<li class="dropdown"><a href="blog.html">BLOG</a>
								<ul class="dropdown-menu py-0">
									<li><a href="blog.html">Blog</a></li>
									<li><a href="blog_details.html">Blog_details</a></li>
								</ul>
							</li>
							<li><a href="contact.us.html">CONTACT</a></li>
						</ul>
					</div>
					<div class="right ml-auto">
						<span class="mr-0">
							<i class="fa fa-user"></i>
							<span>WELCOME GUEST!</span>
							<span style="color: red;">LOGIN</span>
						</span>
					</div>
				</div>
			</div>
		</div>

		<!-- 中间 -->
		<div style="background-image: url(img/bg-01.jpg);">
			<div class="container-fluid" style="background-color: rgba(0,0,0,0.5);margin: 0px;padding: 0px;">
				<div class="container">
					<div class="row py-5" style="height: 20%;">
					
						<div class="pic col-lg-9 col-12 big ">
							<div class="row">
								<div class="col-12">
									<div class="w-100 h-100 overflow-hidden">
										<img src="img/bg-featurepost-01.jpg" class="w-100 p " />
									</div>
								</div>
							</div>
							
							<div class="text-center a1">
								<img src="img/star-01.png" />
								<h5 class="text-white">IMDb</h5>
								<span class="text-white a2">5</span>
								<button class="border-0 text-center" style="background-color: red;color: white;width: 74px;height: 30px;"><b>HDRip</b></button>
							</div>
						</div>
						<div class="col-lg-3 col-md-12 text-left">

							<div class="d-flex text-left flex-row mb-2">
							<a href="video_details.html"style="text-decoration: none;"><b style="color: white;font-size: 22px;">MTV Game Awards GraphicPackage The Best Of year 2018</b></a>
							</div>

							<p class="mb-4" style="color: gray;">BY POLLY · MAY1,2018 · TV SHOW</p>

							<p class="mb-4" style="color: gray;">SI E2 Escorpion/DzecThe one Mayans seek answers from a local crew as the
								Galindo you worlds north and south of the border oldcollode.</p>

							<div class="text-center rounded-pill jyt p-0 mx-lg-0" style="width: 205px;height: 50px; background-color: red;line-height: 50px;color: white;">
								<a href="video_details.html" class="py-4 " style="color: white;font-size: 20px;">
									READ MORE
								</a>
							</div>
						</div>
					</div>
					<!-- 四小图 -->
					<div class="row pb-5 container">
						<div class="col col-lg-3 col-12 text-center">
							<div class="row">
								<div class="col-12 big">
									<div class="w-100 h-100 overflow-hidden">
										<div class="w-100 h-100 pic" style="position: relative;">
										<img src="img/png-bg-post-01.png" class="w-100" />
										<a href="javacript:void(0)" class="text-white px-2" style="background-color: red;text-decoration: none;position: absolute;left: 8%;top: 73%;">HD</a>
									
									</div>
									
									</div>
									
								</div>
								<div class="col-12">
									<a href="video_details.html"style="text-decoration: none;"><h5 class="text-white pt-3">Self-Hosted Video</h5></a>
									<p class="text-secondary">FEBRUARY 10,2018</p>
								</div>
							</div>
						</div>
						<div class="col-lg-3 col-12 text-center">
							<div class="row">
								<div class="col-12 big">
									<div class="w-100 h-100 overflow-hidden">
										<div class="w-100 h-100 pic" style="position: relative;">
										<img src="img/png-bg-post-02.png" class="w-100" />
										<a href="javacript:void(0)" class="text-white px-2" style="background-color: red;text-decoration: none;position: absolute;left: 8%;top: 73%;">CAM</a>
									</div>
										</div>
									
								</div>
								<div class="col-12">
									<a href="video_details.html"style="text-decoration: none;"><h5 class="text-white pt-3">Self-Hosted Video</h5></a>
									<p class="text-secondary">FEBRUARY 10,2018</p>
								</div>
							</div>
						</div>
						<div class="col-lg-3 col-12 text-center">
							<div class="row">
								<div class="col-12 big">
								<div class="w-100 h-100 overflow-hidden">
									<div class="w-100 h-100 pic" style="position: relative;">
										<img src="img/png-bg-post-03.png" class="w-100" />
										<a href="javacript:void(0)" class="text-white px-2" style="background-color: red;text-decoration: none;position: absolute;left: 8%;top: 73%;">Trailer</a>
									</div>
									</div>
									
								</div>
								<div class="col-12">
								<a href="video_details.html"style="text-decoration: none;"><h5 class="text-white pt-3">Self-Hosted Video</h5></a>
									<p class="text-secondary">FEBRUARY 10,2018</p>
								</div>
							</div>
						</div>
						<div class="col-lg-3 col-12 text-center">
							<div class="row">
								<div class="col-12 big">
									<div class="w-100 h-100 overflow-hidden">
										<div class="w-100 h-100 pic" style="position: relative;">
										<img src="img/png-bg-post-04.png" class="w-100" />
										<a href="javacript:void(0)" class="text-white px-2" style="background-color: red;text-decoration: none;position: absolute;left: 8%;top: 73%;">HD</a>
									</div>
										</div>
									
								</div>
								<div class="col-12">
								<a href="video_details.html"style="text-decoration: none;"><h5 class="text-white pt-3">Self-Hosted Video</h5></a>
									<p class="text-secondary">FEBRUARY 10,2018</p>
								</div>
							</div>
						</div>
					</div>

				</div>
			</div>
		</div>
		<!-- popular videos -->
		<!-- 中间黑色部分 -->
		<!--popular  -->

		<div class="container-fluid">
			<div class="row pt-5 " style="background-color:#222222;">
				<div class="container">
					<div class="col-lg-6 d-flex float-left">
						<h3 class="text-white pr-2" style="border-right: 1px solid #2b2b2b;">POPULAR VIDEOS</h3>
						<span class="pl-2 pt-2 float-left" style="color: red;font-size: 15px;">See all news</span>
					</div>
					<div class="col-lg-6 float-right">
						<div class="float-lg-right float-sm-left">
							<button class="btn text-white" style="font-size: 25px;color: #757575;border-right: 1px solid #2b2b2b;">＜</button>
							<button class="btn text-white" style="font-size: 25px;color: #757575;">＞</button>
						</div>
					</div>

					<!-- 有定位的四张图 -->
					<div class="container row text-center mt-3">


						<div class="col-lg-3 dw big">
							<div class="row">
								<div class="col-12">
									<div class="w-100 h-100 overflow-hidden">
										<img src="img/post-01.jpg" class="w-100" />
									</div>
								</div>
							</div>
							
							<img src="img/star-01.png" class="a" />
							<i>5</i>
							<span class="zhu">IMDb</span>
							<button class="border-0">HOT</button>
							<div class="mt-3">
								<b>How To Make a Pimple<br />Disappear with Makeup</b>
							</div>

						</div>
						<div class="col-lg-3 dw big">
							<div class="row">
								<div class="col-12">
									<div class="w-100 h-100 overflow-hidden">
										<img src="img/post-02.jpg" class="w-100" />
									</div>
								</div>
							</div>
							
							<img src="img/star-01.png" class="a" />
							<i>5</i>
							<span class="zhu">IMDb</span>
							<button class="border-0" style="background-color: orangered;">HOT</button>
							<div class="mt-3">
								<b>How To Make a Pimple<br />Disappear with Makeup</b>
							</div>
						</div>
						<div class="col-lg-3 dw big">
							<div class="row">
								<div class="col-12">
									<div class="w-100 h-100 overflow-hidden">
										<img src="img/post-03.jpg" class="w-100" />
									</div>
								</div>
							</div>
						
							<img src="img/star-01.png" class="a" />
							<i>5</i>
							<span class="zhu">IMDb</span>
							<button class="border-0">HOT</button>
							<div class="mt-3">
								<b>How To Make a Pimple<br />Disappear with Makeup</b>
							</div>
						</div>
						<div class="col-lg-3 dw big">
							<div class="row">
								<div class="col-12">
									<div class="w-100 h-100 overflow-hidden">
										<img src="img/post-04.jpg" class="w-100" />
									</div>
								</div>
							</div>
							
							<img src="img/star-01.png" class="a" />
							<i>5</i>
							<span class="zhu">IMDb</span>
							<button class="border-0">HOT</button>
							<div class="mt-3">
								<b>How To Make a Pimple<br />Disappear with Makeup</b>
							</div>
						</div>
					</div>

					<!-- GAME SHOW -->
					<div class="container" style="background-image: url(img/ads-01.jpg);padding: 0px;">
						<div class="d-flex flex-row  justify-content-center text-center" style="background-color: rgba(0,0,0,0.7);">
							<p class="ml-lg-4 ml-0  my-4" style="color: white;">GAME SHOW Art line Collection Handmade</p>
							<button class="btn text-white rounded-pill ml-auto mr-5 my-3 p-0 noneb" style="background-color: red;height: 40px;width: 150px;">READ
								MORE</button>
						</div>
					</div>
					<!-- TRENDING CATEGORIES区域 -->
					<div class="row mb-3 mt-5">
						<div class="col-12">
							<h3 class="text-white text-center">TRENDING CATEGORIES</h3>
							<div style="margin-top: -15px;">
								<span class="text-secondary">—————————————————————</span>
								<span class="float-right text-secondary">———————————————————————</span>
								<p class="text-center text-secondary p-0">it is a long established fact that a reader</p>
							</div>
						</div>
					</div>
<!--三张大图 -->
					<div class="row container">
						<div class="col-lg-4 col-12 py-2 p-0">
						<div class="row">
							<div class="col-12 big">
								<div class="w-100 h-100 overflow-hidden">
									<div class="w-100 h-100 tupian" style="position: relative;">
								<img src="img/post-05.jpg" class="w-100"/>
								<h4 class="text-white" style="position: absolute;left: 40%;top: 43%;">Game</h4>
								<p class="text-white" style="position: absolute;left: 38%;top: 49%;">250 Movies</p>
							</div>
								</div>
							</div>
						</div>
							
							
						</div>
						<div class="col-lg-4 py-2 p-0">
							<div class="row">
								<div class="col-12 big">
									<div class="w-100 h-100 overflow-hidden">
									<div class="w-100 h-100 tupian" style="position: relative;">
								<img src="img/post-06.jpg" class="w-100"/>
								<h4 class="text-white" style="position: absolute;left: 34%;top: 43%;">Animation</h4>
								<p class="text-white" style="position: absolute;left: 38%;top: 49%;">380 Movies</p>
							</div>
									</div>
								</div>
							</div>
							
						</div>
						<div class="col-lg-4 py-2 p-0">
							<div class="row">
								<div class="col-12 big">
									<div class="w-100 h-100 overflow-hidden">
										<div class="w-100 h-100 tupian" style="position: relative;">
								<img src="img/post-07.jpg" class="w-100"/>
								<h4 class="text-white" style="position: absolute;left: 36%;top: 43%;">Life Style</h4>
								<p class="text-white" style="position: absolute;left: 38%;top: 49%;">180 Movies</p>
							</div>
									</div>
								</div>
							</div>
							
						</div>
					</div>
					<!-- 选项卡 -->
					<!-- LATEST VIDEOS区域 -->
					<div class="row pt-5">
						<div class="col-lg-4 d-flex float-left">
							<h3 class="text-white pr-3" style="border-right: 1px solid #2b2b2b;">LATEST VIDEOS</h3>
							<span class="pl-3 pt-2 float-left" style="color: red;font-size: 15px;">See all news</span>
						</div>
						<div class="col-lg-8 float-right">
							<ul class="nav col-lg-12 ">
								<li class="nav-item pt-1">
									<a href="#all" class="nav-link active " data-toggle="tab"><b style="color: red;">CINEMA<i> &nbsp;·&nbsp;&nbsp;</i></b></a>
								</li>

								<li class="nav-item pt-1">
									<a href="#cinema" class="nav-link heise jg_black" data-toggle="tab"><b>MUSIC<i> &nbsp;·&nbsp;&nbsp;</i></b></a>
								</li>

								<li class="nav-item pt-1">
									<a href="#music" class="nav-link heise jg_black" data-toggle="tab"><b>SPORT<i> &nbsp;·&nbsp;&nbsp;</i></b></a>
								</li>

								<li class="nav-item pt-1">
									<a href="#sport" class="nav-link heise jg_black" data-toggle="tab"><b>TECH<i> &nbsp;·&nbsp;&nbsp;</i></b></a>
								</li>

								<li class="nav-item pt-1">
									<a href="#teach" class="nav-link heise jg_black" data-toggle="tab"><b>FASHION<i> &nbsp;·&nbsp;&nbsp;</i></b></a>
								</li>

								<li class="nav-item pt-1">
									<a href="#fashion" class="nav-link heise jg_black" data-toggle="tab"><b>ANIMATION</b></a>
								</li>




							</ul>
						</div>

					</div>

					<div class="row mt-5">
						
						<div class="col-lg-4 pr-0 mb-3">
							
							<div class="w-100 h-100 pic big">
								<div class="w-100 h-100 overflow-hidden">
									<img src="./img/bg-featurepost-02.jpg" class="w-100 h-100 overflow-hidden" />
								<img src="img/star-01.png" class="img_dw" />
								<label class="text-white img_num">5</label>
								<label class="text-white img_zm">IMDb</label>
								<a href="javacript:void(0)" class="text-white px-2 img_new" style="background-color: #ff6c00;text-decoration: none;">NEW</a>
						<a href="video_details.html"style="text-decoration: none;">		<h5 class="mt-lg-5 text-white" style="position: absolute;left: 8%;top: 45%;font-size: 18px;">MTV Game Awards</a>
									Graphic<br />package The Best Of year 2018</h5>
								<p class="text-secondary" style="position: absolute;left: 8%;top: 61%;">BY POLLY · MAY 2018 · TV SHOW</p>
								<p class="mt-4 text-muted" style="font-size: 18px;position: absolute;left: 8%;top: 62%;">S1 E2
									Escorpión/DzecThe one
									Mayans seek answers from a
									local crew as the Galindo you worlds north and south of the border oldcollide.</p>
								<button class="btn text-white px-5 py-2 my-4" style="background-color: red;border-radius: 100px;position: absolute;left: 7%;top: 83%;">READ
									MORE</button>
								</div>
								
							</div>
						</div>
						<div class="col-lg-8">
							<div class="row">
								<div class="col-lg-4 col-6 mb-3 big">
									<div class="w-100 h-100 overflow-hidden">
										<div class="w-100 h-100 x_dw">
										<img src="img/post-08.jpg" class="w-100 h-100" />
										<img src="img/star-01.png " class="x_s" />
										<label class="text-white x_num">5</label>
										<label class="text-white x_zm">IMDb</label>
										<a href="javacript:void(0)" class="text-white px-2 x_a">Trend</a>
									<a href="#"style="text-decoration: none;"><h5 class="text-white x_h5">The City Truck</h5></a>
									</div>
									</div>
									
								</div>
								<div class="col-lg-4 col-6 mb-3 big">
									<div class="w-100 h-100 overflow-hidden">
										<div class="w-100 h-100 x_dw">
										<img src="img/post-09.jpg" class="w-100 h-100" />
										<img src="img/star-01.png " class="x_s" />
										<label class="text-white x_num">5</label>
										<label class="text-white x_zm">HD</label>
										<a href="javacript:void(0)" class="text-white px-2 x_a" style="background-color: red;">HOT</a>
									<a href="video_details.html"style="text-decoration: none;"><h5 class="text-white x_h5">The City Truck</h5></a>
									</div>
									</div>
									
								</div>
								<div class="col-lg-4 col-6 mb-3 big">
									<div class="w-100 h-100 overflow-hidden">
										<div class="w-100 h-100 x_dw">
										<img src="img/post-10.jpg" class="w-100 h-100" />
										<img src="img/star-01.png " class="x_s" />
										<label class="text-white x_num">5</label>
										<label class="text-white x_zm">IMDb</label>
										<a href="javacript:void(0)" class="text-white px-2 x_a" style="background-color: red;">HD</a>
									<a href="video_details.html"style="text-decoration: none;"><h5 class="text-white x_h5">The City Truck</h5></a>
									</div>
									</div>
									
								</div>
								<div class="col-lg-4 col-6 mb-3 big">
									<div class="w-100 h-100 overflow-hidden">
										<div class="w-100 h-100 x_dw">
										<img src="img/post-11.jpg" class="w-100 h-100" />
										<img src="img/star-01.png " class="x_s" />
										<label class="text-white x_num">5</label>
										<label class="text-white x_zm">IMDb</label>
										<a href="javacript:void(0)" class="text-white px-2 x_a" style="background-color: red;">HOT</a>
									<a href="video_details.html"style="text-decoration: none;"><h5 class="text-white x_h5">The City Truck</h5></a>
									</div>
									</div>
									
								</div>
								<div class="col-lg-4 col-6 mb-3 big">
									<div class="h-100 w-100 overflow-hidden">
										<div class="w-100 h-100 x_dw">
										<img src="img/post-12.jpg" class="w-100 h-100" />
										<img src="img/star-01.png " class="x_s" />
										<label class="text-white x_num">5</label>
										<label class="text-white x_zm">IMDb</label>
										<a href="javacript:void(0)" class="text-white px-2 x_a" style="background-color: red;">HD</a>
								<a href="video_details.html"style="text-decoration: none;"><h5 class="text-white x_h5">The City Truck</h5></a>
									</div>
									</div>
									
								</div>
								<div class="col-lg-4 col-6 mb-3 big">
									<div class="w-100 h-100 x_dw">
										<div class="w-100 h-100 overflow-hidden">
											<img src="img/post-13.jpg" class="w-100 h-100" />
										<img src="img/star-01.png " class="x_s" />
										<label class="text-white x_num">5</label>
										<label class="text-white x_zm">IMDb</label>
										<a href="javacript:void(0)" class="text-white px-2 x_a" style="background-color: red;">HOT</a>
										<a href="video_details.html"style="text-decoration: none;"><h5 class="text-white x_h5">The City Truck</h5></a>
										</div>
										
									</div>
								</div>
							</div>
						</div>
					</div>

					<!-- GAME SHOW -->
					<div class="container mt-5" style="background-image: url(img/ads-01.jpg);padding: 0px;">
						<div class="d-flex flex-row  justify-content-center text-center" style="background-color: rgba(0,0,0,0.7);">
							<p class="ml-lg-4 ml-0  my-4" style="color: white;">GAME SHOW Art line Collection Handmade</p>
					<a href="video_details.html"style="text-decoration: none;"><button class="btn text-white rounded-pill ml-auto mr-5 my-3 p-0 noneb" style="background-color: red;height: 40px;width: 150px;">READ</a>
								MORE</button>
						</div>
					</div>
					<!-- news feed -->
					<div class="row pt-3 mt-5">
						<div class="col-lg-6 d-flex float-left mt-3">
							<h6 class="text-white pt-2" style="border-right: 1px solid #2b2b2b;">NEWS FEED</h6>
							<span class="pl-3 pt-2 float-left" style="color: #757575;font-size: 15px;">it is a long established fact that a
								reader</span>
						</div>
						<div class="col-lg-6 float-right">
							<div class="float-lg-right float-sm-left">
								<button class="btn text-white" style="font-size: 25px;color: #757575;border-right: 1px solid #2b2b2b;">＜</button>
								<button class="btn text-white" style="font-size: 25px;color: #757575;">＞</button>
							</div>
						</div>
					</div>
					<hr class="mb-5" color="gray" />
					<div class="row pb-5">
						<div class="col-lg-6 col-12 mb-5 big">
							<div class="w-100 h-100 overflow-hidden">
								<div class="w-100 h-100 pic">
								<img src="img/bg-featurepost-03.jpg" class="w-100" style="height: 330px;" />
								<h4 class="text-white" style="position: absolute;left: 8%;top: 63%;">6 Products Designed to Make Trend Ombré
									Makeup Simple</h4>
								<p class="text-secondary" style="position: absolute;left: 8%;top: 85%;">BY POLLY · MAY 1,2018 · ANIMATION</p>
							</div>
							</div>
							
						</div>
						<div class="col-lg-6 col-12">
							<div class="row">
								<div class="col-lg-5 col-6 big">
									<div class="w-100 h-100 overflow-hidden">
										<div class="w-100 h-100 pic">
										<img src="img/post-14.jpg" class="w-100 h-100" />
									</div>
									</div>
									
								</div>
								<div class="col-lg-7 col-6">
									<p class="text-danger mb-0">MAY 1,2018</p>
								<a href="video_details.html"style="text-decoration: none;"><h5 class="text-white mt-1 mb-3">The Dark Tower Trailer</h5></a>	
									<p class="text-secondary">
										To start the day in the best way,enjoythe extraordinary buffetbreakfast in the our courtyard caressed at
										auctor.
									</p>
								</div>

								<div class="col-lg-5 col-6 mt-3 big">
									<div class="w-100 h-100 overflow-hidden">
									<div class="w-100 h-100 pic">
										<img src="img/post-15.jpg" class="w-100 h-100" />
									</div>
									</div>
								</div>
								<div class="col-lg-7 col-6 mt-3">
									<p class="text-danger mb-0">MAY 1,2018</p>
									<a href="video_details.html"style="text-decoration: none;"><h5 class="text-white mt-1 mb-3">The Dark Tower Trailer</h5></a>
									<p class="text-secondary">
										To start the day in the best way,enjoythe extraordinary buffetbreakfast in the our courtyard caressed at
										auctor.
									</p>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- 尾部 -->
		<div style="background-color:#222222;" class="py-5 ">
					<div class="container row" style="margin: 0px auto;">
						<!--尾- 左 -->
						<div class="col-lg-4 mt-4 text-center zuo">
							<img src="img/logo-header-05.png" class="mt-2" />
							<p class="mt-4 hs">
								Lommodo ligula eget dolor.Aenean massa.Cum sociis
								que penatibus et magins dis parturent montes lorem,
								nascetur ridiculus.Donec quam delis,ultricies nec
								masson.Cum sociis
							</p>
		
							<!-- <li class="nav-item dropdown btn-group ml-auto mt-3">
									<input type="text" placeholder="Email" style="background-color: #222222;border: white;" class="border w-75 " />
									<a href="#" class="btn" style="background-color: red;color: white;">SUBSCRIBE</a>
								</li> -->
							<form class=" d-flex border-0 W-100 py-3 container">
								<input type="text" class="border border-dark w-75 px-3 ml-auto text-muted" placeholder="Eamil" />
								<a href="#" class="w-50 p-0 ">
									<button type="button" class="text-white border-0 w-100">SUBSCRIBE</button>
								</a>
							</form>
		
							<div class="tu mt-4">
								<i class="fa fa-facebook  mr-2  hs "></i>
								<i class="fa fa-twitter  mr-2  hs "></i>
								<i class="fa fa-vimeo  mr-2  hs "></i>
								<i class="fa fa-youtube-play  mr-2  hs "></i>
								<i class="fa fa-glide-g  mr-2  hs "></i>
								<i class="fa fa-camera-retro  mr-2  hs "></i>
							</div>
		
		
						</div>
						<!--尾- 中 -->
						<div class="col-lg-5 mt-4">
							
							<p style="color: white;font-weight: bold; font-size: 20px;"class="ml-2">LATSET POSTS</p>
							
							<div class="row d-flex">
								<!-- 图一 -->
								<div class="col-4  mt-3">
									
										<img src="img/png-post-01.png" />
									
								</div>
								<div class="col-8 col-lg-6 mt-3 p-0">
									<p style="color: white;"class="m-0">5 Skin Care Rituals You Should 
		Be Doing Before Bed
		</p>
									<p class="hs">Dec 30,2016</p>
								</div>
		
								<!-- 图二 -->
								<div class="col-4  mt-3">
									
										<img src="img/png-post-02.png" />
								
								</div>
								<div class="col-8 col-lg-6 mt-3 p-0 ">
									<p style="color: white;" class="m-0">Fashion Outfit ideas to Try 
		From instagram This Week
		</p>
									<p class="hs">Dec 30,2016</p>
								</div>
								<!-- 图三 -->
								<div class="col-4  mt-3">
									
										<img src="img/png-post-03.png" />
								
								</div>
								<div class="col-8 col-lg-6   p-0 mt-3">
									<p style="color: white;"class="m-0">7 Soaps to Supercharge Your 
		Daily Skincare Routine</p>
									<p class="hs">Dec 30,2016</p>
								</div>
							</div>
						</div>
						<!--尾- 右 -->
						<div class="col-lg-3  mt-4  ">
							<p style="color: white;font-weight: bold; font-size: 20px;"class="ml-2">POPULAR CATEGORY</p>
							<!-- 列表 -->
							<p class="m-2"> <a href="#" class="hs   f_zt"style="text-decoration: none;">Fragrances<span class="r_fd  ">15</span></a></p>
							<p class="m-2"> <a href="#" class="hs   f_zt" style="text-decoration: none;">Hair Care<span class="r_fd ">12</span></a></p>
							<p class="m-2"> <a href="#" class="hs   f_zt" style="text-decoration: none;">Make Up<span class="r_fd ">6</span></a></p>
							<p class="m-2"> <a href="#" class="hs   f_zt" style="text-decoration: none;">Outfits<span class="r_fd ">5</span></a></p>
							<p class="m-2"> <a href="#" class="hs   f_zt" style="text-decoration: none;">Skin Care<span class="r_fd ">10</span></a></p>
							<p class="m-2"> <a href="#" class="hs   f_zt" style="text-decoration: none;">Style<span class="r_fd ">8</span></a></p>
							<p class="m-2"> <a href="#" class="hs   f_zt" style="text-decoration: none;">Fashion<span class="r_fd ">5</span></a></p>
							<p class="m-2"> <a href="#" class="hs   f_zt" style="text-decoration: none;">Lifestyle<span class="r_fd ">2</span></a></p>
							<p class="m-2"> <a href="#" class="hs   f_zt" style="text-decoration: none;">Wellness<span class="r_fd">3</span></a></p>
		
		
		
						</div>
	
					</div>
		
		
				</div>
		<!-- 最后一行 -->
		<div class="container-fluid text-center " style="background-color: black;">
			<div class="row">
				<div class="mx-auto col-lg-6">
					<p class="mt-3" style="color: gray;">Copyright 2018 Corporate WordPress Theme by All aright <span style="color: red;" >ThimPress</span></p>
				</div>
					<button class="btn text-white px-3 mr-4 mb-4" id="test" style="background-color: red; position: fixed;right: 0;bottom: 0;">↑</button>
			</div>
			
		</div>
	</body>
	<script type="text/javascript">
		test.onclick = function(){
			scrollTo(0,0);
		}
	</script>
</html>
